<template>
    <img src="../../assets/logolight.svg" class="w-[1000px] h-auto mx-auto" />
    <img src="../../assets/logodark.svg" class="w-[1000px] h-auto mx-auto" />

    <div class="m-4 p-4 bg-slate-300">
        <p class="text-ellipsis line-clamp-3">
            文本溢出：首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首
        </p>
    </div>
    <div class="m-4 p-4 bg-slate-300">
        <p class="text-ellipsis line-clamp-3">
            文本溢出：首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首
        </p>
    </div>
    <div class="m-4 p-4 bg-slate-300">
        <p class="text-ellipsis line-clamp-3">
            文本溢出：首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首
        </p>
    </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { bannerConfig } from '@/config/index'

const page = ref(2)
const bannerList = ref(bannerConfig)
const descImgs = [
    'https://coss-ec.fenqile.com/ecproduct201/M00/ex/20230913092544-f44624e6-6c1b-47d6-b331-6a3b523d6c91.jpg',
    'https://coss-ec.fenqile.com/ecproduct201/M00/ex/20230913092604-4afada17-6d7e-40cb-bc2e-3a981dcbfe54.jpg',
    'https://coss-ec.fenqile.com/ecproduct201/M00/ex/20230913092725-480a2544-a966-49fe-baf6-c3ebc2298947.jpg'
]
</script>
